<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>npm</title>
  <link rel="stylesheet" href="../css/login.css">
  <link rel="shortcut icon" href="../images/index.ico" type="">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>

<body>
  <main>
    <div class="center">
      <div>
        <div class="mpn">
          <a href="../index.html">
            <svg viewBox="0 0 780 250">
              <path fill="#231F20"
                d="M240,250h100v-50h100V0H240V250z M340,50h50v100h-50V50z M480,0v200h100V50h50v150h50V50h50v150h50V0H480z M0,200h100V50h50v150h50V0H0V200z">
              </path>
            </svg>
          </a>
        </div>
        <div class="login">
          <div class="login-1">
            <div class="login-top" onmouseover="enter()" onmouseout="leave()">
              <div class="black-npm"  onclick="pulldown()" id="black-npm" style="top: -285px;">
                <div class="button"></div>

                <div class="white-npm">

                  <img src="../images/login2.png" alt="">
                </div>
              </div>
              <div class="bear" id="bear1">
                <div class="eye" id="eyes">
                  <img src="../images/login4.png" alt="" class="shark-eyes">
                  <img src="../images/login3.png" alt="" class="big-eyes">
                  <img src="../images/login5.png" alt="" class="smile-eyes">
                </div>
                <img src="../images/login1.png" alt="" class="bear-body" id="bear-body1">
              </div>
            </div>
          </div>
          <div class="login-form">
            <h4>Sign In</h4>
            <form>
              <div class="form-group">
                <label for="InputUsername">Username</label>
                <input type="text" class="form-control" id="InputUsername">
              </div>
              <div class="form-group">
                <label for="nputPassword1">Password</label>
                <a href="" class="forget">Forgot password?</a>
                <input type="password" class="form-control" id="InputPassword1">
                 <p class="remenber">Please enter a password</p>
              </div>
              <button type="submit" class="btn">Sign In</button>
              <div class="xixi"><a class="register" href="../html/register.html">Create Account</a></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </main>

  <script src="../js/jquery-3.5.1.min.js"></script>
  <script src="../js/popper.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script src="../js/login.js"></script>
</body>

</html>